<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- transform
        -缩放 scaleX();
              scaleY()
              scale(x,y)
    -->


    <!-- 设置边框的渐变 -->
      <!-- ---
         是通过 添加一个背景 然后再用一个按钮，
         再设置position来使他们重叠然后达到我想要的效果 -->
    

    <!-- opacity ： 设置透明度 -->

<!-- 
    background: linear-gradient(90deg,rgb(180, 209, 98),rgb(226, 79, 170)); color: transparent; -webkit-background-clip: text;
    设置背景色为渐变色  然后再把字体色继承父亲到 最后再把文本单独裁剪出来


    <button class="btn_Creat">
        <p
            style="transform: scale(0.8); background: linear-gradient(90deg,rgb(180, 209, 98),rgb(226, 79, 170)); color: transparent; -webkit-background-clip: text;">
            Creat New
        </p>
    </button> -->
</body>
</html>